//在页面未加载完毕之前显示的loading Html自定义内容

// 全局apiurl
var urlpath = location.href.indexOf("?")+1;
urlpath = location.href.substring(urlpath);
var arr=urlpath.split("&");
var userId = ''
var bzId = ''
arr.forEach(
    function(item){
        var brr = [];
        brr=item.split("=");
        // [brr[0]]= brr[1];
        if(brr[0] == 'userId'){
            userId = brr[1]
        }else if(brr[0] == 'bzId'){
            bzId = brr[1]
        }
    }    
)
// console.log(userId,bzId)

//监听加载状态改变
document.onreadystatechange = completeLoading;

//加载状态为complete时移除loading效果
function completeLoading() {
    if (document.readyState == "complete") {
        var loadingMask = document.getElementById('loadingDiv');
        loadingMask.parentNode.removeChild(loadingMask);
    }
}
$(document).ready(function () {
    // 初始化内容
    // var loadingMask = document.getElementById('loadingDiv');
    // loadingMask.parentNode.removeChild(loadingMask);
    var peopleList = [];
    //获取班组简介
    var fd = new FormData();
    fd.append("json", JSON.stringify({
        "userId": userId,
        // "userId": 'b070e77e-2289-4b58-979b-2db72d42f9a4',
        "data": {
            "bzId": bzId
            // "bzId": 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8'
        }
    }));
    // 人员简介字段渲染
    //值班表
    var DateTime = new Date();
    var year = DateTime.getFullYear();
    var month = DateTime.getMonth() + 1;
    var from = year + "-" + month + '-1';

    var to = "";
    if (month == 12) {
        to = (year + 1) + '-1-1'
    } else {
        to = year + "-" + (month + 1) + '-1';
    }
    $.ajax({
        url: baseUrl + 'api/Culture/GetMeetAbstract',
        // url:'http://10.36.1.77/bzapp/api/Culture/GetMeetAbstract',
        data: {
            json: JSON.stringify({
                "userId": userId,
                // "userId": 'b070e77e-2289-4b58-979b-2db72d42f9a4',
                "data": {
                    "bzId": bzId
                    // "bzId": 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8'
                }
            })
        },
        type: "POST",
        // contentType:false,
        // processData:false,
        success: function (data) {
            // console.log(data);
            if (data.code == 0) {
                classinstru(data.data)
                $(".topLeft").html(data.data.BzName);
            }

        }
    })

    function classinstru(item) {
        var x = '<div class="m-item-j bg-color-font"><div class="circle bg-color-bg"></div><span>班组成员' + item.Member + '人</span><span>平均年龄' + (Number(item.AverageAage)).toFixed(0) + '岁</span></div>' +
            '<div class="m-item-j bg-color-font"><div class="circle bg-color-bg"></div><span>大专及以上学历' + item.Education + '人</span><span>中共党员' + item.PartyMember + '人</span></div>' +
            '<div class="m-item-j bg-color-font"><div class="circle bg-color-bg"></div><span>工程师' + item.Engineer + '人</span><span>助理工程师' + item.AssistantEngineer + '人</span><span>高级技师' + item.ExpertTechnician + '人</span><span>技师' + item.Technician + '人</span><span>高级工' + item.Expert + '人</span></div>'
        $("#m-job").html(x);
    }
    //获取文化墙信息
    $.ajax({
        // contentType:"application/json; charset=utf-8",
        url: baseUrl + 'api/Culture/GetWallInfo',
        data: fd,
        type: "POST",
        contentType: false,
        processData: false,
        success: function (data) {
            if (data.code == 0) {
                mainclass(data.data);
            }
        }
    })

    function mainclass(item) {
        $(".textareaW").html(item.summary);
        // $("#classhope").val('是滴是滴')
        $("#classhope").val(item.vision);
        if (item.slogan) {
            var xstring = item.slogan;
            if (xstring.length > 20) {
                xstring = xstring.substring(0, 20) + "...";
            }
            $(".titlep").html(xstring);
        }
        // console.log(document.getElementById("#classhop"))
        // document.getElementById("#classhop").innerHTML="11111"
        var arr = []; //班组荣誉
        var brr = []; //风采剪影
        item.pics.forEach(
            function (obj) {
                if (obj.filetype == 1) {
                    arr.push(obj);
                } else {
                    brr.push(obj);
                }
            }
        )
        var arrObj = "";
        var brrObj = "";

        if (arr.length > 6) {
            arr = arr.slice(0, 6)
        }
        if (brr.length > 4) {
            brr = brr.slice(0, 4)
        }
        // console.log(arr, brr);
        for (var j = 0; j < arr.length; j++) {
            arrObj += '<div class="item-hover">' +
                '<img src="' + arr[j].filepath + '" alt="">' +
                '</div>'
        }
        $(".c-honer").html(arrObj);
        if (brr.length == 1) {
            brrObj += '<div class="c-c-left">' +
                '<img src="' + brr[0].filepath + '" alt="">' +
                '</div>' +
                '<a class="c-c-right" href="./detail/detail1.html?number=3&userId=' + userId + "&bzId=" + bzId + '">' +
                '<img src="./img/01/5.jpg" alt="">' +
                '</a>'
        }
        // if (brr.length == 2) {
        //     // brrObj += '<div class="c-c-left">' +
        //     //     '<img src="' + brr[0].filepath + '" alt="">' +
        //     //     '</div>' +
        //     //     '<div class="c-c-mid">' +
        //     //     '<img src="' + brr[1].filepath + '" alt="">' +
        //     //     // '<img class="newimg" src="'+brr[2].filepath+'" alt="">'+
        //     //     '</div>' +
        //     //     '<a class="c-c-right" href="./detail/detail1.html?number=3&userId=' + userId + "&bzId=" + bzId + '">' +
        //     //     '<img src="./img/01/5.jpg" alt="">' +
        //     //     '</a>'
        //     brrObj += '<div class="c-c-left">' +
        //         '<img src="' + brr[0].filepath + '" alt="">' +
        //         '</div>' +
        //         '<div class="c-c-mid">' +
        //         '<img src="' + brr[1].filepath + '" alt="">' +
        //         // '<img class="newimg" src="'+brr[2].filepath+'" alt="">'+
        //         '</div>' +
        //         '<a class="c-c-right" href="./detail/detail1.html?number=3&userId=' + 'b070e77e-2289-4b58-979b-2db72d42f9a4' + "&bzId=" + 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8' + '">' +
        //         '<img src="./img/01/5.jpg" alt="">' +
        //         '</a>'
        // }
        if (brr.length >= 2) {
            // brrObj += '<div class="c-c-left">' +
            //     '<img src="' + brr[0].filepath + '" alt="">' +
            //     '</div>' +
            //     '<div class="c-c-mid">' +
            //     '<img src="' + brr[1].filepath + '" alt="">' +
            //     '<img class="newimg" src="' + brr[2].filepath + '" alt="">' +
            //     '</div>' +
            //     '<a class="c-c-right" href="./detail/detail1.html?number=3&userId=' + userId + "&bzId=" + bzId + '">' +
            //     '<img src="./img/01/5.jpg" alt="">' +
            //     '</a>'
            // brrObj += '<div class="c-c-left">' +
            //     '<img src="' + brr[0].filepath + '" alt="">' +
            //     '</div>' +
            //     '<div class="c-c-mid">' +
            //     '<img src="' + brr[1].filepath + '" alt="">' +
            //     '<img class="newimg" src="' + brr[2].filepath + '" alt="">' +
            //     '</div>' +
            //     '<a class="c-c-right" href="./detail/detail1.html?number=3&userId=' + 'b070e77e-2289-4b58-979b-2db72d42f9a4' + "&bzId=" + 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8' + '">' +
            //     '<img src="./img/01/5.jpg" alt="">' +
            //     '</a>'

            // brrObj += ` <div class="c-img-top clearfix">
            //             <div class="c-img-left">
            //                 <img src="${brr[0].filepath}" alt="">
            //             </div>
            //             <div class="c-img-right flex-column ">
            //                 <img src="${brr[1].filepath}" alt="">
            //                 <img src="${brr[2].filepath}" alt="">
            //             </div>
            //         </div>
            //         <div class="c-img-bottom">  
            //             <div class="c-img-leftbot">
            //                 <img src="${brr[3].filepath}" alt="">
            //             </div>                                 
            //             <a class="c-img-right" onclick="changetogo(3)">
            //                 <img src="./img/demeanour2/cropper_5.png" alt="">
            //             </a> 
            //         </div>`

            brrObj += '<div class="c-img-top clearfix">'+
                            '<div class="c-img-left">'+
                                '<img src="'+brr[0].filepath+'" alt="">'+
                            '</div>'+
                            '<div class="c-img-right flex-column ">'+
                                '<img src="'+brr[1].filepath+'" alt="">'+
                                '<img src="'+brr[2].filepath+'" alt="">'+
                            '</div>'+
                        '</div>'+
                        '<div class="c-img-bottom">'+  
                            '<div class="c-img-leftbot">'+
                                '<img src="'+brr[3].filepath+'" alt="">'+
                            '</div>'+                                 
                            '<a class="c-img-right" onclick="changetogo(3)">'+
                               '<img src="./img/demeanour2/cropper_5.png" alt="">'+
                            '</a>'+
                        '</div>'
        }
        $(".c-img-croper").html(brrObj);
    }
    // //保存、编辑文化墙信息
    // var SaveWallInfo = new FormData();
    // var saveParams ={
    //        userId:userId,
    //        data:{
    //         bzId:bzId,
    //         summary:"aaaaa",
    //         concept:"dssssssssssssssssssssss",
    //         slogan:"bbbbb",
    //         vision:"cccc"
    //        } 
    // }
    // SaveWallInfo.append(
    //     'json',JSON.stringify(saveParams)
    // )
    // $.ajax(
    //     {
    //         url:baseUrl+'api/Culture/SaveWallInfo',
    //         data:SaveWallInfo,
    //         type:"POST",
    //         contentType:false,
    //         processData:false,
    //         success:function(data){
    //             console.log(data);
    //         }
    //     }
    // )
    // //上传风采剪影、班组荣誉
    // var UpdateFile = new FormData();
    // var UpdateFileInfo ={
    //        userId:userId,
    //        data:{
    //         bzId:bzId,
    //         deletefileids:"",
    //         description:"",
    //         filetype:"0",
    //        } 
    // }
    // UpdateFile.append(
    //     'json',JSON.stringify(UpdateFileInfo)
    // )
    // $.ajax(
    //     {
    //         url:baseUrl+'api/Culture/UploadFile',
    //         data:UpdateFile,
    //         type:"POST",
    //         contentType:false,
    //         processData:false,
    //         success:function(data){
    //             console.log(data);
    //         }
    //     }
    // )
    // //获取班组成员
    // var classpeople = new FormData();
    // $.ajax({
    //     url: baseUrl + 'api/Culture/GetDeptMembers',
    //     type: "POST",
    //     data: {
    //         json: JSON.stringify({
    //             "userId": userId,
    //             // "userId": 'b070e77e-2289-4b58-979b-2db72d42f9a4',
    //             "data": {
    //                 "bzId": bzId
    //                 // "bzId": 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8'
    //             }
    //         })
    //     },
    //     success: function (data) {
    //         if (data.code == 0) {
    //             peopleList = data.data.slice(0, 6);
    //             getperson();
    //         }
    //         console.log(peopleList);
    //         // peopleList = 
    //     }
    // })

    // function getperson() {
    //     var x = "";
    //     for (var i = 0; i < peopleList.length; i++) {
    //         x += '<div class="pre-item">' +
    //             '<div class="pre-top">' +
    //             '<div class="pre-name">' + peopleList[i].Name + '</div>' +
    //             '<div class="p-j-job">' + peopleList[i].Quarters + '</div>' +
    //             '</div>' +
    //             '<div class="imgIcon">' +
    //             '<img src="' + (peopleList[i].Photo ? peopleList[i].Photo : './img/01/person.png') + '" alt="">' +
    //             '</div>' +
    //             '</div>'
    //     }
    //     $("#peopleQ").html(x);
    // }
    // //月度工作任务评分
    // $.ajax({
    //     url: baseUrl + 'api/Culture/GetMonthScore',
    //     data: {
    //         json: JSON.stringify({
    //             "userId": userId,
    //             // "userId": 'b070e77e-2289-4b58-979b-2db72d42f9a4',
    //             "data": {
    //                 "year": year,
    //                 "month": month
    //             }
    //         })
    //     },
    //     type: "POST",
    //     // contentType:false,
    //     // processData:false,
    //     success: function (data) {
    //         charts(data.data)
    //     }
    // })

    function charts(item) {
        var chartName = [];
        var chartValue = [];

        item.forEach(
            function (list) {
                chartName.push(list.UserName);
                chartValue.push(list.Score);
            }
        )
        var obj = document.getElementById('charts')
        var option = {
            tooltip: {
                trigger: 'axis'
            },
            xAxis: [{
                type: 'category',
                data: chartName,
                axisLine: {
                    lineStyle: {
                        color: '#c85038'
                    }
                }
            }],
            // dataZoom: [
            //     {
            //         show: true,
            //         realtime: true,
            //         start: 0,
            //         end: 50
            //     },
            //     {
            //         type: 'inside',
            //         realtime: true,
            //         start: 0,
            //         end: 50
            //     }
            // ],
            yAxis: [{
                    type: 'value',
                    min: 0,
                    axisLabel: {
                        formatter: '{value}',
                        textStyle: {
                            color: '#c85038'
                        }
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#c85038'
                        }
                    }
                },
                {
                    type: 'value',
                    min: 0,
                    axisLabel: {
                        formatter: '{value}',
                        textStyle: {
                            color: '#c85038'
                        }
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#c85038'
                        }
                    }

                }
            ],
            series: [{
                name: '任务评分',
                type: 'bar',
                barWidth: '20',
                data: chartValue,
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'top',
                            color: '#c85038'
                        },
                        color: '#c85038',
                    },
                },
            }, ]
        };
        var Chart4 = echarts.init(obj)
        Chart4.setOption(option);
    }
    // //获取班组月考勤数据
    // $.ajax({
    //     url: baseUrl + 'api/Attendance/GetDeptAttendance',
    //     data: {
    //         json: JSON.stringify({
    //             // "userId": userId,
    //             "userId": 'b070e77e-2289-4b58-979b-2db72d42f9a4',
    //             "data": {
    //                 "year": year,
    //                 "month": month
    //             }
    //         })
    //     },
    //     type: "POST",
    //     // contentType:false,
    //     // processData:false,
    //     success: function (data) {
    //         studyDate(data.data)
    //     }
    // })
    // target="_blank"
    function studyDate(list) {
        var arrlist = ""
        for (var i = 0; i < list.length; i++) {
            arrlist += '<div class="c-c-listmsg">' +
                '<div class="tv-title">' +
                // '<div class="tv-img">'+
                //     '<img src="'+(list[i].Photo?list[i].Photo:"./img/01/person.png")+'" alt="">'+
                // '</div>'+
                // '<div class="t-v-v">'+
                '<div class="t-name">' + list[i].UserName + '</div>' +
                // '<div class="t-job-t">'+(list[i].RoleName?list[i].RoleName:"")+'</div>'+
                // '</div>'+
                '</div>'
            if (list[i]['Data'][list[i]['Data'].length - 1].Category == "出勤") {
                arrlist += '<div class="to-works">' +
                    '<div class="page-number bg-color-font">' + list[i]['Data'][list[i]['Data'].length - 1].Times + '</div>' +
                    '<div class="page-num">' + list[i]['Data'][list[i]['Data'].length - 1].Category + '(次)</div>' +
                    '</div>'
            }
            // if(list[i]['Data'].length==9){
            //     arrlist += '<div class="to-works">'+
            //     '<div class="page-number bg-color-font">'+list[i]['Data'][list[i]['Data'].length-1].Times+'</div>'+
            //     '<div class="page-num">'+list[i]['Data'][list[i]['Data'].length-1].Category+'(次)</div>'+
            //     '</div>'
            // }else{
            //     arrlist += '<div class="to-works">'+
            //     '<div class="page-number bg-color-font">0</div>'+
            //     '<div class="page-num">出勤(次)</div>'+
            //     '</div>'
            // }
            for (var j = 0; j < list[i]['Data'].length - 1; j++) {
                if (list[i]['Data'][j].Category == "值班") {
                    arrlist += '<div class="to-works">' +
                        '<div class="page-number bg-color-font">' + list[i]['Data'][j].Times + '</div>' +
                        '<div class="page-num">' + list[i]['Data'][j].Category + '(次)</div>' +
                        '</div>'
                } else {
                    arrlist += '<div class="to-works">' +
                        '<div class="page-number bg-color-font">' + list[i]['Data'][j].Hours + '</div>' +
                        '<div class="page-num">' + list[i]['Data'][j].Category + '(h)</div>' +
                        '</div>'
                }
            }
            arrlist += '</div>'
        }
        $("#morework").html(arrlist);
    }

    // $.ajax({
    //     url: baseUrl + 'api/Attendance/GetDutyData',
    //     data: {
    //         json: JSON.stringify({
    //             // "userId": userId,
    //             "userId": 'b070e77e-2289-4b58-979b-2db72d42f9a4',
    //             "data": {
    //                 "from": year + "-" + month + '-1',
    //                 "to": to
    //             }
    //         })
    //     },
    //     type: "POST",
    //     // contentType:false,
    //     // processData:false,
    //     success: function (data) {
    //         var datapeople = data.data.pop();
    //         var xinqi = DateTime.getDay();
    //         var dateArr = [];
    //         data.data.forEach(
    //             function (item, index) {
    //                 dateArr.push({
    //                     Data: item.Data,
    //                     index: index + 1
    //                 })
    //             }
    //         )
    //         work(xinqi, dateArr)
    //     }
    // })

    //创建值班表
    function work(index, list) {
        var worklist = "";
        worklist += '<tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tr>';
        var a = [];
        var c = [];
        var d = [];
        var DateTime = new Date();
        var days = DateTime.getDate();
        var setflag = 0;
        console.log(days, index)
        if (index == 0) {
            index = 7;
        }
        if (index > (days % 7)) {
            day = (index - (days % 7)) + 1;

        } else {
            day = 7 + (index - (days % 7)) + 1;
            setflag = days + day;
        }
        for (var k = 0; k < day; k++) {
            a.push({
                Data: ""
            })
        }
        c = a.concat(list);

        for (var w = 0; w < (42 - c.length) % 7; w++) {
            d.push({
                Data: ""
            })
        }
        c = c.concat(d);
        for (var q = 0; q < c.length / 7; q++) {
            worklist += '<tr>'
            for (var o = 0; o < 7; o++) {
                if ((q * 7 + o) == (days + day - 1)) {
                    worklist += '<td class="dayactive">' +
                        '<span>' + ((c[7 * q + o].index) ? (c[7 * q + o].index) : "") + '</span>' +
                        '<p>' + ((c[7 * q + o].Data) ? (c[7 * q + o].Data) : "") + '</p>' +
                        '</td>'
                } else {
                    worklist += '<td>' +
                        '<span>' + ((c[7 * q + o].index) ? (c[7 * q + o].index) : "") + '</span>' +
                        '<p>' + ((c[7 * q + o].Data) ? (c[7 * q + o].Data) : "") + '</p>' +
                        '</td>'
                }
            }
            worklist += '</tr>'
        }
        $("#newtable").html(worklist);
    }
    //获取学习园地
    // $.ajax({
    //     url: baseUrl + 'api/Culture/GetLearningGardens',
    //     data: fd,
    //     type: "POST",
    //     contentType: false,
    //     processData: false,
    //     success: function (data) {
    //         console.log(data);
    //     }
    // })
});


//月度工作任务

var DateTimeNew = new Date();
var yearnew = DateTimeNew.getFullYear();
var monthnew = DateTimeNew.getMonth() + 1;
if (monthnew == 1) {
    yearnew--;
    monthnew = 12;
} else {
    // monthnew--;
}

if (monthnew < 10) {
    monthnew = "0" + monthnew;
}

var fromnew = yearnew + "-" + monthnew + "-01"

var fq = new FormData();
fq.append("json", JSON.stringify({
    "userId": userId,
    // "userId": 'b070e77e-2289-4b58-979b-2db72d42f9a4',
    "data": {
        // "bzId":bzId,
        "time": fromnew,
        // "departmentid": bzId
        "departmentid": 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8'
    }
}));
// $.ajax({
//     url: baseUrl + 'api/Performance/PerformanceSelect',
//     data: {
//         json: JSON.stringify({
//             "userId": userId,
//             "data": {
//                 "time": fromnew,
//                 "departmentid": bzId
//             }
//         })
//     },
//     type: "POST",
//     // contentType:false,
//     // processData:false,
//     success: function (data) {
//         console.log(data);
//         if (data.code == 0) {
//             mainTitle(data.data)
//         }

//         // studyarea(data.data);
//     }
// })

function mainTitle(data) {
    console.log(data);
    var sorceList = [];
    var titleThing;
    if (!data) {
        var newDateMsg = "<span>" + (DateTimeNew.getMonth() + 1) + "月份绩效考核</span>" +
            "<span>班组绩效总额0元</span>";
        $("#warning").css("display", "block");
        $("#newDate").html(newDateMsg);
        $(".data-table").css("display", "none");
        return false;
    }
    var upstatus = data.up;
    if (!upstatus) {
        var newDateMsg = "<span>" + (DateTimeNew.getMonth() + 1) + "月份绩效考核</span>" +
            "<span>班组绩效总额0元</span>";
        $("#warning").css("display", "block");
        $("#newDate").html(newDateMsg);
        $(".data-table").css("display", "none");
        return false;
    }
    sorceList = data.score;
    titleThing = data.title;
    var nameList = (titleThing.name).split(",");

    var strTable = "<tbody></tr>";
    strTable += "<th></th>"

    var tabletop;
    for (var i = 0; i < nameList.length; i++) {
        tabletop += '<th>' + nameList[i] + "</th>";
    }
    $("#table-top").html(tabletop)
    strTable += "</tr>";
    var scoreValue = 0;

    var tablecontent;

    var tableend;
    for (var j = 0; j < sorceList.length; j++) {
        tablecontent += Number((sorceList[j]['score'].split(","))[0]);

        tablecontent += "<tr>"
        tableend += '<tr><td>' + sorceList[j]['username'] + '</td></tr>'
        var scorechange = sorceList[j]['score'].split(",");
        var sortchange = sorceList[j]['sort'].split(",");
        for (var k = 0; k < nameList.length; k++) {
            tablecontent += '<td>' + scorechange[Number(sortchange[k])] + "</td>";

        }
        scoreValue += Number(scorechange[0]);
        tablecontent += "</tr>"
    }
    $("#tob-content").html(tablecontent);
    $("#table-end").html(tableend);
    var newDateMsg = "<span>" + DateTimeNew.getMonth() + "月份绩效考核</span>" +
        "<span>班组绩效总额" +
        scoreValue +
        "元</span>";
    newtable()




    strTable += "</tbody>";
    if (sorceList.length == 0) {
        // $("#warning").css("display","block");
    } else {
        $("#new-meassage").html(strTable);
        $("#newDate").html(newDateMsg)
    }

}

var month = (new Date()).getMonth() + 1;
setTimeout(
    function () {
        $("#kaoqin").html('<span>' + month + '月考勤表</span>');
        $("#zhiban").html('<span>' + month + '月值班表</span>');
    }, 2000
)

//班务接口
// $.ajax({
//     url: baseUrl1 + 'api/MenuConfig/ModuleShow',
//     data: {
//         json: JSON.stringify({
//             id: regDeptId,
//             themetype: 0
//         })
//     },
//     type: "POST",
//     // contentType:false,
//     // processData:false,
//     success: function (data) {
//         var newdata = data.Data;
//         if (newdata.kqb == 0) {
//             $("#select-1").remove();
//             $("#select-4").remove();
//         }
//         if (newdata.zbb == 0) {
//             $("#select-2").remove();
//             $("#select-5").remove();
//         }
//         if (newdata.jxkhb == 0) {
//             $("#select-3").remove();
//             $("#select-6").remove();
//         }
//         $('.c-list').eq(0).addClass('bg-color-bg');
//         $('.c-list-node').eq(0).addClass('active');
//     }
// })


var AffairsList = [];
//获取要务公开
$.ajax({
    url: baseUrl + 'api/DepartmentPublish/List',
    data: JSON.stringify({       
        "userId": userId
            // "userId": 'b070e77e-2289-4b58-979b-2db72d42f9a4',               
    }),
    type: "POST",
    success: function (res){
        // console.log(res)
        if (res.code == 0) {
            AffairsList = res.data;
            PublishId = AffairsList[0].PublishId;
            getAffairs()
        }     
    }
})

//展示要务
function getAffairs(){
    var m = ''
    // console.log(AffairsList)
    for(var i = 0;i < AffairsList.length;i++){
        var affImgList = [];
        var affFileList = [];
        AffairsList[i].Files.forEach(function(item){
            if(item.Description == "照片"){
                affImgList.push(item.FilePath)
            }else{
                var affFileObj = {};
                affFileObj.FileName = item.FileName
                affFileObj.FilePath = item.FilePath
                affFileList.push(affFileObj)
            }
        })
        // m += `<div class="swiper-slide box_bg area_1 swiper-no-swiping">
        //         <h4 class="public_affair_tit">${AffairsList[i].Content}</h4>
        //         <div class="affairImgWrap">
        //             <img src="${affImgList[0]}" alt="">
        //         </div>
        //         <div class="affair_file_content">
        //             <div class="public_affair_tit">附件</div>
        //             <ul class="affair_file_ul">`
        //             for(var j=0;j<affFileList.length;j++){
        //                 m +=  `<li><a href="${affFileList[j].FilePath}">${affFileList[j].FileName}</a></li>`
        //             }
        
        // m += `</ul></div></div>`

        m += '<div class="swiper-slide box_bg area_1 swiper-no-swiping">'+
        '<h4 class="public_affair_tit">'+AffairsList[i].Content+'</h4>'+
        '<div class="affairImgWrap">'+
            '<img src="'+affImgList[0]+'" alt="">'+
        '</div>'+
        '<div class="affair_file_content">'+
            '<div class="public_affair_tit">附件</div>'+
            '<ul class="affair_file_ul">'
        for(var j=0;j<affFileList.length;j++){
            m +=  '<li><a href="'+affFileList[j].FilePath+'">'+affFileList[j].FileName+'</a></li>'
        }
        m += '</ul></div></div>'
    }
    $('.public_affair .swiper-wrapper').html(m);

     // 点击全屏预览，再点击收缩
    function showBig(src,k){
        $('#popup img').attr('src',src);
        var j = $(window).width()/$(window).height();
        if(j<k){
            $('#popup img').css({
                'width': '100%',
                'height': 'auto'
            })
        }else{
            $('#popup img').css({
                'width': 'auto',
                'height': '100%'
            })
        }
        $('#popup').show()
    }

    $('.affairImgWrap').click(function(event){
        event = event||window.event;
        var target = document.elementFromPoint(event.clientX, event.clientY);
        k =event.target.offsetWidth/event.target.offsetHeight
        showBig(target.src,k);
    })

    $('#popup').click(function(){
        $(this).hide()
    })

     // 轮播
     var mySwiper = new Swiper('.swiper-container', {
        // slidesPerView: 1,
        // slidesPerGroup: 1,
        // speed: 1000,
        // spaceBetween: 30,
        //freeMode: true,
        loop: true,
        // effect : 'fade',
        // fadeEffect: {
        //     crossFade: true,
        // },   
        noSwiping : true,
        autoplay: 4000,
        // touchRatio:0.01,
        autoplayDisableOnInteraction:false,
        pagination: '.swiper-pagination',
        paginationClickable :true, 
        // allowTouchMove: false
    });
}

